<!DOCTYPE html>
<!-- saved from url=(0035) -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <title>移动互联网技术的应用和实现之抽红包小游戏</title>
    
<link rel="stylesheet" type="text/css" href="./css/reset.css">
<link rel="stylesheet" type="text/css" href="./css/media50px.min.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<style>
    /*-----------------框 top------------------------*/
    body{
        background-color: #fefcd2;
    }
    img{
        width:100%;
    }
    .hps_chai{
        position: relative;
        width: 100%;
        display: none;
    }
    .youli-top-box {
        position: relative;
        overflow: hidden;
        width:100%;
    }
    .youli-top-box .hbts {
        position: absolute;
        z-index: 30;
        width: 100%;
        bottom: 15px;
        text-align: center;
        color: #fff;
        font-size: .6rem
    }

    .youli-top-box .hbts strong {
        color: #fdf642;
        font-size: 1rem
    }

    .youli-top-box .hbts span {
        font-size: .4rem
    }

    .youli-top-box .piaofu {
        position: absolute;
        z-index: 30;
        width: 100%;
        top: 0
    }

    .youli-top-box .txt {
        position: absolute;
        z-index: 20;
        width: 100%;
        top: 0
    }

    .youli-top-box .diaosi {
        position: absolute;
        z-index: 13;
        width: 100%;
        top: 0
    }

    .youli-top-box .yun1 {
        position: absolute;
        z-index: 12;
        width: 100%;
        top: 0
    }

    .youli-top-box .yun {
        position: absolute;
        z-index: 11;
        width: 100%;
        top: 0
    }
    @-webkit-keyframes fudong {
        30% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            -ms-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }
        30% {
            opacity: 1;
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            -ms-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }
    }
    .fudong {
        -webkit-animation-name: fudong;
        animation-name: fudong;
        -webkit-animation-duration: 2.25s;
        animation-duration: 2.25s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }
    /*-----------------框 top------------------------*/

    /*-----------------拆 ------------------------*/
    #chai {
        border: 1px solid #FFA73A;
        background-color: #FFA73A;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        box-shadow: 0 4px 0 0 rgba(0, 0, 0, .2);
        font-size: 20px;
        overflow: hidden;
    }
    #chai .chai_zhi{
        position: absolute;
        margin-top: 30%;
        width: 100%;
        text-align:center;
    }
    .chai_yuan{
        width:100%;
        height: 100%;
        margin-top: 50%;
        text-align:center;
        color: #dc3947;
        display: inline-block;
        font-size: 20px;
    }
    .chai_money{
        width:90%;
        height: 90%;
        margin-top: 100%;
        text-align:center;
        color: #FFF;
        /*color: #000;*/
        display: inline-block;
        font-size: 16px;
    }
    .rotate {
        -webkit-animation: anim .6s infinite alternate;
        -ms-animation: anim .6s infinite alternate;
        animation: anim .6s infinite alternate
    }

    @-webkit-keyframes anim {
        from {
            -webkit-transform: rotateY(180deg)
        }
        to {
            -webkit-transform: rotateY(360deg)
        }
    }

    @-ms-keyframes anim {
        from {
            -ms-transform: rotateY(180deg)
        }
        to {
            -ms-transform: rotateY(360deg)
        }
    }

    @keyframes anim {
        from {
            transform: rotateY(180deg)
        }
        to {
            transform: rotateY(360deg)
        }
    }
    /*-----------------拆 ------------------------*/
    table{
        width: 100%;
    }
    table tr td{
        width:20%;
        padding: 0px;
        margin: 0px;
        text-align: center;
    }
    /*-----------------红包 ------------------------*/
    .divbody{
        position: relative;
        width: auto;
        margin: 20px;
        padding: 10px 20px;
        background-color: #FFF;
        border-radius: 5px;
        border: solid 1px #f5dcc3;
        display: none;
    }
    .btn_loadmore{
        text-align: center;
    }
    .hps_money_list{
        width: 90%;
        margin:0px auto;
        margin-bottom:10px;
        background-color: #D62129;
        border-radius: 10px;
        padding: 10px 0;
    }
    .hps_money_list_title{
        color: #FFF;
        text-align: center;
        width: 100%;
        font-size: 14px;
        font-weight: bold;
    }
    .hps_money_list a{
        display: inline-block;
        width:18%;
        text-align: center;
        line-height: 20px;
        font-size: 14px;
        color: #FFCE00;
    }
    .hpsbody_li_title{
        text-align: center;
        font-size: 16px;
        color: #d84e43;
        font-weight: bold;
    }
    .hpsbody_li_money{
        border-bottom: dashed 1px #fa9c94;
        line-height: 30px;
        color: #666;
    }
    .hps-body a{
        display: inline-block;
        white-space:nowrap;
        margin:0px;
        background: #FFF;
        color:#555;
        font-size:14px;
    }
    .hps-body-a{
        width:40%;
    }
    .hps-body-b{
        width:30%;
        text-align: right;
    }
    .hps-body-c{
        width:30%;
        text-align: right;
    }
    #hongbao{
        padding: 10px;
    }
</style>

    <script src="./js/hm.js"></script>
	<script src="./js/jquery-3.1.0.min.js"></script>
    <script src="./js/myc.js"></script>
    <script src="./js/layer/layer.js"></script>


	<link rel="stylesheet" href="css/layer.css" id="layui_layer_skinlayercss">
    

<script>
    $(function(){
        $('#price5').click(function(){
            location.href='/game/pay/index/type/1.html';
            myc.showProgress();

        })
        $('#price20').click(function(){
            location.href='/game/pay/index/type/2.html';
            myc.showProgress();
        })
    })
</script>

<!-- 
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?b74c94c4284592ec7cdd105cda50675b";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
 -->
</head>

<body>

<style>
    .fdzjxx{position: fixed;    z-index: 100; width: 100%; }
    #marquee2{overflow:hidden; background:rgba(0,0,0,0.5);}
    #marquee2 ul li{float:left; padding:0 10px; line-height:20px;}
    #marquee2 ul li a {color:#fff;font-weight: normal;font-size: 14px;line-height: 20px;}
</style>
<div class="fdzjxx resize">
    <div id="marquee2">
        <ul style="width: 13126.5625px;">
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">195.95元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">165.3元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">164.53元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">164.26元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">158.45元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">158.22元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">156.38元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">151.04元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">150.95元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">144.78元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">141.59元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">139.58元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">139.57元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">139.03元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">138.01元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">134.88元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">133.14元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">131.07元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">130.84元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">127.07元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">126.01元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">122.66元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">122.63元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">118.97元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">116.63元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">112.52元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">112.06元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">111.03元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">104.92元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">104.25元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">103.67元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">103.42元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">102.73元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">91.2元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">90.95元</span> 红包</a></li>
                        <li><a href="#">用户**拆到 <span style="color:#fffc00;">89.87元</span> 红包</a></li>
                    <li><a href="#">用户**拆到 <span style="color:#fffc00;">195.95元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">165.3元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">164.53元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">164.26元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">158.45元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">158.22元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">156.38元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">151.04元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">150.95元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">144.78元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">141.59元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">139.58元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">139.57元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">139.03元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">138.01元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">134.88元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">133.14元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">131.07元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">130.84元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">127.07元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">126.01元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">122.66元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">122.63元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">118.97元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">116.63元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">112.52元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">112.06元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">111.03元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">104.92元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">104.25元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">103.67元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">103.42元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">102.73元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">91.2元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">90.95元</span> 红包</a></li><li><a href="#">用户**拆到 <span style="color:#fffc00;">89.87元</span> 红包</a></li></ul>
    </div>
</div>


<div class="header">
    <span style="left: 0.2rem;right: auto;">
        <!--<a style='color:#fff;' class="showewm">我的推广二维码</a>-->
    </span>
    <img src="./img/pic_02.png" class="resize" style="width: 100%;">
    <span>
<a style="color:#fff;display:none;" href="#">投诉</a>    </span>
</div>

<div id="ewm"><div class="codebg"><span>保存二维码方法：长按图片，保存到手机</span></div><img class="tuiguang"></div>







<!--<div class="header">-->
    <!--<img src="/suc/red/img/pic_02.png" class="resize" style="width: 375px; height: 99.275px;"><span><a style="color:#fff;" href="#">投诉</a></span>-->
<!--</div>-->

<div class="hps_chai" style="display: block;">
    <div style=" padding: 10px;text-align: center;width: 96%; margin: 0 auto;">
        <img src="./img/red_banner.png" style="width:100%">
    </div>


    <div class="hps_money_list" style="display: none;">
        <div class="hps_money_list_title">红包列表</div>
        <div>
                        <a>51.72</a>
                        <a>86.28</a>
                        <a>28.2</a>
                        <a>74.13</a>
                        <a>43.26</a>
                        <a>1.28</a>
                        <a>2.85</a>
                        <a>36.5</a>
                        <a>93.72</a>
                        <a>6.84</a>
                        <a>99.41</a>
                        <a>11.13</a>
                        <a>32.06</a>
                        <a>17.25</a>
                        <a>15.59</a>
                    </div>
    </div>
    <div id="hongbao">
        <table frame="void">
            <tbody><tr><td class="act_td" hid="0"><img src="./img/hps_1.gif"></td><td class="act_td" hid="1"><img src="./img/hps_1.gif"></td><td class="act_td" hid="2"><img src="./img/hps_1.gif"></td><td class="act_td" hid="3"><img src="./img/hps_1.gif"></td><td class="act_td" hid="4"><img src="./img/hps_1.gif"></td></tr>
            <tr><td class="act_td" hid="5"><img src="./img/hps_1.gif"></td><td class="act_td" hid="6"><img src="./img/hps_1.gif"></td><td class="act_td" hid="7"><img src="./img/hps_1.gif"></td><td class="act_td" hid="8"><img src="./img/hps_1.gif"></td><td class="act_td" hid="9"><img src="./img/hps_1.gif"></td></tr>
            <tr><td class="act_td" hid="10"><img src="./img/hps_1.gif"></td><td class="act_td" hid="11"><img src="./img/hps_1.gif"></td><td class="act_td" hid="12"><img src="./img/hps_1.gif"></td><td class="act_td" hid="13"><img src="./img/hps_1.gif"></td><td class="act_td" hid="14"><img src="./img/hps_1.gif"></td></tr>
        </tbody></table>
    </div>
    <div style="padding: 10px;text-align: center;width: 94%;">


        <!--<a href='/game/pay/index/type_id/1.html'><img src="/suc/img/again5.png" style="" /></a>-->
        <!--<a href='/game/pay/index/type_id/2.html'><img src="/suc/img/again20.png" style="" /></a>-->
    </div>

</div>




<script>
    //触屏--------------------------
    var touchPageYStart = 0;
    try{
        if($.isFunction(eval(etouch))){
            var touch = etouch;
        }
    }catch(e){
        var touch = function (event){
            var event = event || window.event;
            var eot = event.touches[0];
            switch(event.type){
                case "touchstart":
                    touchPageYStart = eot.clientY;
                    break;
                case "touchend":
                    break;
                case "touchmove":
                    var stTmp = $("body").scrollTop();
                    $("body").scrollTop(stTmp + (touchPageYStart - eot.clientY));
                    touchPageYStart = eot.clientY;
                    event.preventDefault();
                    break;
            }
        }
    }
    document.addEventListener('touchstart',touch, false);
    document.addEventListener('touchend',touch, false);
    document.addEventListener('touchmove',touch, false);
    function onBridgeReady(){
        //WeixinJSBridge.call('hideOptionMenu');
    }

    if (typeof WeixinJSBridge == "undefined"){
        if( document.addEventListener ){
            document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
        }else if (document.attachEvent){
            document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
            document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
        }
    }else{
        onBridgeReady();
    }
</script>
<script>

    $(".showewm2").click(function(event) {
        $("#gzgzh").fadeIn();
    });
    $('#gzgzh').click(function(){
        $(this).fadeOut();
    })

    $(".showewm").click(function(event) {
        myc.showProgress();
        $('.tuiguang').attr("src","/game/q_rcode/getagentqrcode.html");
        $("#ewm").fadeIn();
        setTimeout(function(){
            myc.hideProgress();
        },1000)

    });
    $("#ewm").click(function(event) {
        $("#ewm").fadeOut();
    });
    $(".sqbtn").click(function(event) {
        location.href = "./vip";
    });
</script>


<script>
    $(function(){
        $('#tgshare').click(function(){
            layer.open({
                title:'温馨提示',
                content: "加在线客服拉您进群天天免费领取红包！"
                ,btn: ['关闭']
                ,cancel: function(){
                }
            });
            //分享到朋友圈领取1-10元随机红包，朋友圈保留2小时不能删除，在线领取红包！

        });
    })
</script>

<script src="./js/jquery.kxbdmarquee.min.js"></script>
<script type="text/javascript">
    $('#marquee2').kxbdMarquee({
        isEqual: false
    });

</script>


<script type="text/javascript">
    var rid = 0;
    var act_hid = 0;
    var hps_status = 0;
    var ary_list = [];
    var x_width = 0;
    var x_height = 0;

    $(function(){
        $(".act_td").bind("click",function(){

 
            //             layer.alert('恭喜您获得 '+100+' 元红包！',{icon: 1},function () {
            //                 layer.closeAll();
            //                 // window.location.href = "/game/red/index.html";
            //             });

			// return ;

            act_hid = $(this).attr("hid");
            act_hid = parseInt(act_hid);
            var width = $(this).width();
            var height = $(this).height();
            x_width = width;
            x_height = height;
            $(this).html('<div id="chai" class="rotate"><div class="chai_zhi">拆</div></div>');
            // $(this).width(width);
            $(this).height(height);
            $("#chai").width(height*0.6);
            $("#chai").height(height*0.6);
            $(".act_td").unbind("click");

            var form_load = layer.load(2, {
                shade: [0.5,'#000']
            });

            $.ajax({
                type: "POST",
                cache: false,
                url:'/redbag/redbag',
                data:$(this).serialize(),
                success: function (data) {

                    layer.close(form_load);
                    console.log(data);
                    if(data.code == 0){
                        // $(".act_td")[act_hid].html('<div class="chai_yuan">'+data.hps_money+'</div>');

                        layer.alert('恭喜您获得 '+data.hps_money+' 元红包！',{icon: 1},function () {
                            layer.closeAll();
                            // window.location.href = "/game/red/index.html";


							setTimeout(function() {

								layer.open({
									content: '还要再来一遍吗？'
									,btn: ['继续', '不要']
									,yes: function(index){
										location.reload();
										layer.close(index);
									}
								});

							}, 3000);
                        });

                        var ii = 0;
                        $("td.act_td").each(function(i){
                            if(i == act_hid){
                                $(this).html('<div class="chai_yuan">'+data.hps_money+'</div>');
                                ii --;
                            }
                            else{
                                $(this).html('<div class="chai_money">'+data.red_array[ii]+'</div>');
                                $(this).css("background","url(img/hps_2.png) no-repeat");
                                $(this).css("background-size",x_width+"px");
                                $(this).width(x_width);
                                $(this).height(x_height);
                            }
                            ii ++;

                        })
                    }else if(data.code == 2){
                        // $(".act_td")[act_hid].html('<div class="chai_yuan">'+data.hps_money+'</div>');

                        layer.alert('恭喜您获得 '+data.hps_money+' 元红包！<br/>警告:尊敬的玩家请您立即停止再次支付！由于您当天支付的次数已超过100次，系统将停止您的拆包活动！请务再支付，如再支付公司不给予赔偿！停止支付可以联系在线客服领取免费代理赚取更多佣金【请务必认真阅读】',{icon: 1},function () {
                            layer.closeAll();
                            //window.location.href = "/game/red/index.html";
                        });

                        var ii = 0;
                        $("td.act_td").each(function(i){
                            if(i == act_hid){
                                $(this).html('<div class="chai_yuan">'+data.hps_money+'</div>');
                                ii --;
                            }
                            else{
                                $(this).html('<div class="chai_money">'+data.red_array[ii]+'</div>');
                                $(this).css("background","url(/suc/red/img/hps_2.png) no-repeat");
                                $(this).css("background-size",x_width+"px");
                                $(this).width(x_width);
                                $(this).height(x_height);
                            }
                            ii ++;

                        })
                    }




                    else{
                        layer.alert(data.msg,{icon: 2});
                    }
                },
                error: function () {
                    layer.close(form_load);
                    layer.msg('网络繁忙请重试!',{icon: 2});
                    setTimeout(function () {
                        location.reload();
                    },1000);
                    return false;
                }
            });

        });
    });

</script>








</body></html>
